<template>
    <div class="aside">
     
        <el-menu
          
      default-active="2"
      class="el-menu-vertical-demo"
    
      background-color="#545c64"
      text-color="#fff"
      :router="true"
      active-text-color="#ffd04b">
        <el-menu-item index="4">
        <i class="el-icon-s-home"></i>
        <span slot="title">首页</span>  
      </el-menu-item>
      <el-submenu index="1">
        <template slot="title">
          <i class="el-icon-notebook-1"></i>
          <span>日常维护</span>
        </template>
        <el-menu-item-group>    
          <el-menu-item index="/main/assde">关于我们</el-menu-item>
          <el-menu-item index="/main/charts">公司基础信息</el-menu-item>
          <el-menu-item index="/main/user">首页基础信息</el-menu-item>
          <el-menu-item index="/main/hello">头部图片</el-menu-item>
          <el-menu-item index="/main/what">定制测试列表</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
      <el-menu-item>
        <i class="el-icon-collection-tag"></i>
        <span slot="title" @click="whar">案例列表</span>
      </el-menu-item>
      <el-menu-item>
        <i class="el-icon-school"></i>
        <span slot="title" @click="ces">学校列表</span>
      </el-menu-item>
      <el-menu-item>
        <i class="el-icon-circle-close"></i>
        <span slot="title" @click="Touch">退出系统</span>  
      </el-menu-item>
    </el-menu>
    </div>
</template>

<style scoped>
.aside{
   width: 201px;
  /* background-color: #545C64; */
}
</style>
<script>

export default({
    data(){
        return {

        }
    },
    methods:{
       Touch(){
         this.$router.push({ path: "/login" });
       },
      whar(){
        window.location.href="http://localhost:8899/main/whar"
       },
       ces(){
        window.location.href="http://localhost:8899/main/ces"
       },
    },
     mounted(){
      
    },
    
})
</script>



